<template>
    <div class="box">    
        <!-- left-nav  -->
        <!-- <leftNav :getTags="getTags" :getHotArticle="getHotArticle" @leftNavEvent="reveiceLeftNav"/> -->
        <leftNav />

        <!-- right-contain -->
        <rightContain />
    </div>
</template>

<script>    
    import axios from 'axios'
    import leftNav from '../components/lf_nav'
    import rightContain from '../components/rg_contain'
    export default {
        data(){
            return {
                noShow: false,
                getTags: [],
                getHotArticle: []
            }
        },

        components: {
            leftNav,
            rightContain
        },

        created() {            
            
        },

        methods: {
            reveiceLeftNav(d){
                axios({
                method: "get",
                url: "/api/captcha/"+d,
                headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            }).then((res)=>{
                    let {data} = res;
                    // console.log(data)
                    if(data.code == 200) {
                        this.getList = data.docs;
                    }
                }).catch((err)=>{
                    console.log(err);
                })
            }
        }

    }
</script>

<style lang="less">
    .box {
        position: relative;
        background: #fff;
        padding: 40px 0 0;
        display: flex;
        &__contain {
            margin: 20px 20px 0 188px;
            display: flex;
        }
    }
    .article-list {
        background: #fff;
        border: 1px solid #e5e5e5;
        display: flex;
        padding: 20px;
        flex: 1;
        text-align: left;
        ul, li {
            width: 100%;            
        }
        li {
            margin-bottom: 20px;
            border-bottom: 1px dashed #e5e5e5;
            cursor: pointer;
        }
        &__tit {
            font-size: 16px;
            color: #000;
            height: 30px;
            line-height: 30px;
        }
        &__txt {
            color: #999;
            font-size: 14px;
            line-height: 24px;
        }
    }
</style>

